<!DOCTYPE html>
<html lang="en">

<head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>苏宁易购仿站</title>
</head>

<body>
      <!-- 抬头 -->
      <div class="img-wrapper">
            <a class="title">
                  <img src="https://image1.suning.cn/uimg/cms/img/165724265150184087.jpg" alt="">
            </a>
            <a class="btn" href="javascript:;"></a>
      </div>
      <!-- 导航栏 -->
      <div class="nav">
            <div class="wrapper">
                  <ul class="left">
                        <li><a href="">网站导航</a><span>﹀</span></li>
                        <li><a href="">商家入驻</a><span>﹀</span></li>
                        <li><a href="">客户服务</a><span>﹀</span></li>
                        <li><a href="">网页无障碍</a></li>
                        <li>
                              <a href="">
                                    <img src="./image/icon1.jpg" alt="">
                                    杭州
                              </a> <span>﹀</span>
                        </li>
                  </ul>
                  <ul class="right">
                        <li><a href="">请登录</a></li>
                        <li><a href="" class="hover">注册有礼</a></li>
                        <li>
                              <a href="">我的订单</a><span>﹀</span>
                              <!-- <ul class="open">
                                    <li> <a href="">待支付</a></li>
                                    <li> <a href="">待支付</a></li>
                                    <li> <a href="">待支付</a></li>
                                    <li> <a href="">待支付</a></li>
                              </ul> -->
                        </li>
                        <li><a href="">我的易购</a><span>﹀</span< /li>
                        <li><a href="">苏宁会员</a></li>
                        <li><a href="" class="hover">
                                    <img src="./image/icon2.jpg" alt="">
                                    购物车0
                              </a>
                              <span>﹀</span>
                        </li>
                        <li><a href="">易付宝</a></li>
                        <li><a href="">企业采购</a></li>
                        <li><a href="">手机苏宁</a><span>﹀</span></li>
                  </ul>
            </div>
      </div>
      <!-- 头部 -->
      <div class="index-header">
            <div class="header-con">
                  <div class="header-box"><a href=""><img
                                    src="https://image1.suning.cn/uimg/cms/img/159642507148437980.png" alt=""></a></div>
                  <div class="search-box">
                        <div class="search">
                              <form>
                                    <div class="input-box">
                                          <div class="icon"></div>
                                          <input id="search" class="text" type="text" placeholder="热水器精选">
                                    </div>
                                    <input class="send" type="submit" value="搜索">
                              </form>
                              <ul class="search-word" id="list">
                                    <!-- <li>手机</li>
                                    <li>手机</li>
                                    <li>手机</li>
                                    <li>手机</li> -->
                              </ul>
                              <div class="hotWords">
                                    <a href="">手机</a>|
                                    <a href="" class="active">爆款洗衣机</a>|
                                    <a href="">冰箱</a>|
                                    <a href="" class="active">奶粉特惠购</a>|
                                    <a href="" class="active">品质家具购</a>|
                                    <a href="">电视</a>|
                                    <a href="">ipad</a>|
                                    <a href="">热水器</a>|
                                    <a href="">沙发</a>
                              </div>

                        </div>

                  </div>
            </div>
      </div>
      <!-- 二级菜单 -->
      <div class="list-nav">
            <div class="list-con">
                  <a class="list-left" href="">
                        <i></i>
                        <span>分类</span>
                  </a>
                  <ul class="index-list">
                        <li>
                              <img src="./image/icon-4.png" alt="">
                              <a href="">手机</a>
                              <em>/</em>
                              <a href="">运营商</a>

                        </li>
                        <li>
                              <img src="./image/icon-4.png" alt="">
                              <a href="">手机</a>
                              <em>/</em>
                              <a href="">运营商</a>

                        </li>
                        <li>
                              <img src="./image/icon-4.png" alt="">
                              <a href="">手机</a>
                              <em>/</em>
                              <a href="">运营商</a>

                        </li>
                        <li>
                              <img src="./image/icon-4.png" alt="">
                              <a href="">手机</a>
                              <em>/</em>
                              <a href="">运营商</a>

                        </li>
                        <li>
                              <img src="./image/icon-4.png" alt="">
                              <a href="">手机</a>
                              <em>/</em>
                              <a href="">运营商</a>

                        </li>
                        <li>
                              <img src="./image/icon-4.png" alt="">
                              <a href="">手机</a>
                              <em>/</em>
                              <a href="">运营商</a>

                        </li>
                        <li>
                              <img src="./image/icon-4.png" alt="">
                              <a href="">手机</a>
                              <em>/</em>
                              <a href="">运营商</a>

                        </li>
                        <li>
                              <img src="./image/icon-4.png" alt="">
                              <a href="">手机</a>
                              <em>/</em>
                              <a href="">运营商</a>

                        </li>
                        <li>
                              <img src="./image/icon-4.png" alt="">
                              <a href="">手机</a>
                              <em>/</em>
                              <a href="">运营商</a>

                        </li>
                        <li>
                              <img src="./image/icon-4.png" alt="">
                              <a href="">手机</a>
                              <em>/</em>
                              <a href="">运营商</a>

                        </li>
                        <li>
                              <img src="./image/icon-4.png" alt="">
                              <a href="">手机</a>
                              <em>/</em>
                              <a href="">运营商</a>

                        </li>
                        <li>
                              <img src="./image/icon-4.png" alt="">
                              <a href="">手机</a>
                              <em>/</em>
                              <a href="">运营商</a>

                        </li>
                        <li>
                              <img src="./image/icon-4.png" alt="">
                              <a href="">手机</a>
                              <em>/</em>
                              <a href="">运营商</a>

                        </li>
                        <li>
                              <img src="./image/icon-4.png" alt="">
                              <a href="">手机</a>
                              <em>/</em>
                              <a href="">运营商</a>

                        </li>
                        <li>
                              <img src="./image/icon-4.png" alt="">
                              <a href="">手机</a>
                              <em>/</em>
                              <a href="">运营商</a>

                        </li>
                        <div class="con">
                              <div class="con-title">
                                    <a href="">手机电脑馆</a>
                                    <a href="">手机频道</a>
                                    <a href="">智能数码</a>
                                    <a href="">以旧换新</a>
                                    <a href="">新品抢先</a>
                                    <a href="">网上营业厅</a>
                                    <a href="">企业采购</a>
                              </div>
                              <div class="con-1">
                                    <a href="" class="title">手机通讯</a>
                                    <div class="introduce">
                                          <a href="">全部手机</a>
                                          <a href="" class="hot">5G手机</a>
                                          <a href="" class="hot">游戏手机</a>
                                          <a href="" class="hot">iPhone</a>
                                          <a href="" class="hot">小米</a>
                                          <a href="">IQOO</a>
                                          <a href="">vivo</a>
                                          <a href="">OPPO</a>
                                          <a href="" class="hot">荣耀</a>
                                          <a href="" class="hot">华为</a>
                                          <a href="" class="hot">一加</a>
                                          <a href="">三星</a>
                                          <a href="">魅族</a>
                                          <a href="">realme</a>
                                          <a href="">守护宝</a>
                                          <a href="">努比亚</a>
                                          <a href="">诺基亚</a>
                                          <a href="">以旧换新</a>
                                          <a href="">以旧换新</a>
                                    </div>
                              </div>
                              <div class="con-1">
                                    <a href="" class="title">手机配件</a>
                                    <div class="introduce">
                                          <a href="">移动电源</a>
                                          <a href="" class="hot">苹果数据线</a>
                                          <a href="">安卓数据线</a>
                                          <a href="">三合一数据线</a>
                                          <a href="" class="hot">手机壳</a>
                                          <a href="" class="hot">手机耳机</a>
                                          <a href="">手机贴膜</a>
                                          <a href="">手机U盘</a>
                                          <a href="">充电器</a>
                                          <a href="">手机存储卡</a>
                                          <a href="">无线充电器</a>
                                          <a href="">有线耳机</a>
                                          <a href="">手机电池</a>
                                          <a href="">自拍杆</a>
                                          <a href="">手机支架</a>
                                    </div>
                              </div>

                              <div class="con-1">
                                    <a href="" class="title">智能设备</a>
                                    <div class="introduce">
                                          <a href="" class="hot">智能手表</a>
                                          <a href="" class="hot">智能门锁</a>
                                          <a href="" class="hot">小米</a>
                                          <a href="" class="hot">凯迪仕</a>
                                          <a href="">无人机</a>
                                          <a href="" class="hot">平衡车</a>
                                          <a href="">智能摄像头</a>
                                          <a href="" class="hot">智能手环</a>
                                          <a href="" class="hot">智能翻译机</a>
                                          <a href="">智能机器人</a>
                                          <a href="">VR眼镜</a>
                                          <a href="" class="hot">智能健康称</a>
                                          <a href="">智能健康监测</a>
                                    </div>
                              </div>

                              <div class="con-1">
                                    <a href="" class="title">影音电子</a>
                                    <div class="introduce">
                                          <a href="" class="hot">无线耳机</a>
                                          <a href="" class="hot">降噪耳机</a>
                                          <a href="" class="hot">Airpods</a>
                                          <a href="">华为</a>
                                          <a href="">小米</a>
                                          <a href="">索尼</a>
                                          <a href="">真无线耳机</a>
                                          <a href="">头戴式耳机</a>
                                          <a href="">蓝牙耳机</a>
                                          <a href="">运动耳机</a>
                                          <a href="" class="hot">蓝牙音箱</a>
                                          <a href="">MP3/MP4</a>
                                          <a href="">录音笔</a>
                                          <a href="">收音/收音机</a>
                                    </div>
                              </div>

                              <div class="con-1">
                                    <a href="" class="title">电子教育</a>
                                    <div class="introduce">
                                          <a href="">学生电脑/学习机</a>
                                          <a href="" class="hot">步步高家教机</a>
                                          <a href="" class="hot">小天才儿童手表</a>
                                          <a href="" class="hot">儿童手表</a>
                                          <a href="">电子词典</a>
                                          <a href="">故事机</a>
                                          <a href="">翻译机</a>
                                          <a href="">点读机/笔</a>
                                          <a href="">头戴式耳机</a>
                                          <a href="">电子书</a>
                                          <a href="">复读机</a>
                                    </div>
                              </div>

                              <div class="con-2">
                                    <a href="" class="title">二手优品</a>
                                    <div class="introduce">
                                          <a href="">iPhone 11</a>
                                          <a href="">iPhone 7</a>
                                          <a href="">iPhone 8</a>
                                          <a href="">iPhone X</a>
                                          <a href="">iPhone 8P</a>
                                          <a href="">iPhone 7P</a>
                                          <a href="">oppo</a>
                                          <a href="">vivo</a>
                                          <a href="">三星</a>
                                          <a href="">华为</a>
                                          <a href="">小米</a>
                                    </div>
                              </div>

                              <div class="con-2">
                                    <a href="" class="title">苏宁互联</a>
                                    <div class="introduce">
                                          <a href="">尾号888靓号</a>
                                          <a href="" class="hot">0月租号卡</a>
                                          <a href="">20GB大流量</a>
                                          <a href="">超级靓号</a>
                                          <a href="">立即选号</a>
                                    </div>
                              </div>

                              <div class="con-2">
                                    <a href="" class="title">营业厅</a>
                                    <div class="introduce">
                                          <a href="" class="hot">手机卡</a>
                                          <a href="">大流量卡</a>
                                          <a href="" class="hot">宽带</a>
                                          <a href="">办套餐</a>
                                          <a href="">冲花费/流量</a>
                                          <a href="">中国移动</a>
                                          <a href="">中国电信</a>
                                          <a href="">中国联通</a>
                                    </div>
                              </div>

                              <div class="con-2">
                                    <a href="" class="title">会员卡</a>
                                    <div class="introduce">
                                          <a href="" class="hot">去哪儿+芒果TV视频双年卡</a>
                                          <a href="">芒果TV年卡</a>
                                          <a href="">同城黒鲸会员送腾讯视频年卡</a>
                                    </div>
                              </div>
                              <div class="pic">
                                    <div class="top">
                                          <a href=""><img
                                                      src="https://image.suning.cn/uimg/cms/img/159229762905284803.jpg"
                                                      alt=""></a>
                                          <a href=""><img
                                                      src="https://image.suning.cn/uimg/cms/img/152583830114304733.jpg"
                                                      alt=""></a>
                                          <a href=""><img
                                                      src="https://image.suning.cn/uimg/cms/img/161216797979215292.jpg"
                                                      alt=""></a>
                                          <a href=""><img
                                                      src="https://image.suning.cn/uimg/cms/img/154380731599688154.jpg"
                                                      alt=""></a>
                                          <a href=""><img
                                                      src="https://image.suning.cn/uimg/cms/img/161216832906359765.jpg"
                                                      alt=""></a>
                                          <a href=""><img
                                                      src="https://image.suning.cn/uimg/cms/img/159229766240351831.jpg"
                                                      alt=""></a>
                                          <a href=""><img
                                                      src="https://image.suning.cn/uimg/cms/img/154339130220195777.jpg"
                                                      alt=""></a>
                                          <a href=""><img
                                                      src="https://image.suning.cn/uimg/cms/img/154339145516257563.jpg"
                                                      alt=""></a>
                                    </div>
                                    <div class="center">
                                          <a href=""><img
                                                      src="https://image.suning.cn/uimg/cms/img/165588776317425425.png"
                                                      alt=""></a>
                                    </div>
                                    <div class="bottom">
                                          <a href=""><img
                                                      src="https://image.suning.cn/uimg/cms/img/159886271447315117.jpg"
                                                      alt=""></a>
                                    </div>
                              </div>
                        </div>
                  </ul>
                  <div class="nav-center">
                        <a href="" class="pic-titel"><img class="icon"
                                    src="//image2.suning.cn/uimg/cms/img/161185054090483911.png" alt=""></a>
                        <a href="">电器城<i></i></a>
                        <a href="">手机数码</a>
                        <a href="">苏宁超市</a>
                        <a href="">家具建材<i></i></a>
                        <a href="">生活家电</a>
                        <a href="">帮客服务</a>
                        <a href="">金融</a>
                  </div>
                  <a href="" class="list-right">
                        <img src="https://image1.suning.cn/uimg/cms/img/159525719075727245.png" alt="">
                  </a>
                  <div class="con-list">
                        <div class="con-list-top">
                              <a href="" class="icon"><img
                                          src="https://res.suning.cn/project/cmsWeb/suning/homepage/v8/css/images/tool-logo.png?v=2021062901"
                                          alt=""></a>
                              <div class="btn-group">
                                    <p>Hi，欢迎来到苏宁易购</p>
                                    <a href="">登录</a>|
                                    <a href="">注册</a>
                              </div>
                              <a href="" class="new">199新人专项</a>
                              <a href="" class="super">开通super尊享服务</a>
                              <div class="three-entry">
                                    <a href="">
                                          <img src="//image2.suning.cn/uimg/cms/img/159503668779632788.png">
                                          <p>领红包</p>
                                    </a>
                                    <a href="">
                                          <img src="//image3.suning.cn/uimg/cms/img/159503686098433451.png">
                                          <p>领云钻</p>
                                    </a>
                                    <a href="">
                                          <img src="//image5.suning.cn/uimg/cms/img/159503691577022653.png">
                                          <p>抢神券</p>
                                    </a>
                              </div>
                        </div>
                        <div class="con-list-bottom">
                              <a href="">
                                    <img src="//image1.suning.cn/uimg/cms/img/159503699122235872.png" alt="">
                                    <p>话费充值</p>
                              </a>
                              <a href="">
                                    <img src="//image2.suning.cn/uimg/cms/img/159503702076114564.png" alt="">
                                    <p>水电煤</p>
                              </a>
                              <a href="">
                                    <img src="//image4.suning.cn/uimg/cms/img/159503705255251676.png" alt="">
                                    <p>苏宁卡</p>
                              </a>
                              <a href="">
                                    <img src="//image1.suning.cn/uimg/cms/img/159503709286557735.png" alt="">
                                    <p>理财</p>
                              </a>
                              <a href="">
                                    <img src="//image1.suning.cn/uimg/cms/img/159503712299629769.png" alt="">
                                    <p>分期</p>
                              </a>
                              <a href="">
                                    <img src="//image1.suning.cn/uimg/cms/img/159503716240248775.png" alt="">
                                    <p>苏宁公益</p>
                              </a>
                              <a href="">
                                    <img src="//image4.suning.cn/uimg/cms/img/165214477527510580.png" alt="">
                                    <p>药品信息</p>
                              </a>
                              <a href="">
                                    <img src="//image3.suning.cn/uimg/cms/img/160142948680828561.png" alt="">
                                    <p>以旧换新</p>
                              </a>
                              <a href="">
                                    <img src="//image1.suning.cn/uimg/cms/img/159503727282077139.png" alt="">
                                    <p>保险</p>
                              </a>
                        </div>
                  </div>
            </div>
      </div>
      <!-- banner -->
      <div class="banner">
            <!-- 轮播图容器 : 主要控制轮播图的尺寸大小和存在位置 -->
            <div class="container">
                  <!-- 图片容器 : 承载图片 -->
                  <ul class="wrapper">
                        <li class="slide active" > <a href=""> <img alt="彩电"
                                          class="lazy-loading"
                                          src="//image4.suning.cn/uimg/cms/img/165724762728866348.jpg"></a></li>
                        <li class="slide"><a href=""><img
                                          d-src="https://oss.suning.com/adpp/creative_kit/material/picture/20220321-d34cb9bcf1e84e0dab4a24d27297bc36f37dc8ff951445eb.jpg"
                                          src="https://oss.suning.com/adpp/creative_kit/material/picture/20220321-d34cb9bcf1e84e0dab4a24d27297bc36f37dc8ff951445eb.jpg"
                                          alt="美赞臣"></a></li>
                        <li class="slide" ><a href=""> <img
                                          d-src="https://oss.suning.com/adpp/creative_kit/material/picture/20210506-bf20c94bbdda4bd99d9be623d69fd1b6f20b331cd973447c.jpg"
                                          src="https://oss.suning.com/adpp/creative_kit/material/picture/20210506-bf20c94bbdda4bd99d9be623d69fd1b6f20b331cd973447c.jpg"
                                          alt="AO史密斯购机赢千元好礼"></a></li>
                        <li class="slide" ><a href=""><img
                                          d-src="https://oss.suning.com/adpp/creative_kit/material/picture/20200720-59b99b9398884daabd2e9d18424f373a711269f9c49745b2.jpg"
                                          src="https://oss.suning.com/adpp/creative_kit/material/picture/20200720-59b99b9398884daabd2e9d18424f373a711269f9c49745b2.jpg"
                                          alt="创维"></a></li>
                        <li class="slide"><a href=""> <img
                                          d-src="https://oss.suning.com/adpp/creative_kit/material/picture/20211021-6474f7f341aa4cebbc34583d5c433e54ac69ed66f8374faf.jpg"
                                          src="https://oss.suning.com/adpp/creative_kit/material/picture/20211021-6474f7f341aa4cebbc34583d5c433e54ac69ed66f8374faf.jpg"
                                          alt="爆款热卖抢购"></a></li>
                        <li class="slide" ><a href=""> <img
                                          d-src="https://oss.suning.com/adpp/creative_kit/material/picture/20220106-1cc7ad1973a74984988c9b6f9b5d4d27926dad45f8e94a87.jpg"
                                          src="https://oss.suning.com/adpp/creative_kit/material/picture/20220106-1cc7ad1973a74984988c9b6f9b5d4d27926dad45f8e94a87.jpg"
                                          alt="1"></a></li>
                        <li class="slide" ><a href=""> <img
                                          d-src="https://oss.suning.com/adpp/creative_kit/material/picture/20220613-3002437cb88e4a6fa599c385f129dab107b247ca4d154490.jpg"
                                          src="https://oss.suning.com/adpp/creative_kit/material/picture/20220613-3002437cb88e4a6fa599c385f129dab107b247ca4d154490.jpg"
                                          alt="1"></a></li>
                        <li class="slide" > <a href=""> <img
                                          src="//image4.suning.cn/uimg/cms/img/165589041241265243.png" alt="苹果"
                                          class="lazy-loading"></a></li>
                                          <!-- 按钮 : 上一个按钮 -->
                  <div class="button-prev"></div>
                  <!-- 按钮 : 下一个按钮 -->
                   <div class="button-next"></div>
                  </ul>
               
                  <!-- 导航栏 -->
                   <div class="banner-nav">
                                    <div class="page-item active" nav-index="0"></div>
                                    <div class="page-item" nav-index="1"></div>
                                    <div class="page-item" nav-index="2"></div>
                                    <div class="page-item" nav-index="3"></div>
                                    <div class="page-item" nav-index="4"></div>
                                    <div class="page-item" nav-index="5"></div>
                                    <div class="page-item" nav-index="6"></div>
                                    <div class="page-item" nav-index="7"></div>
                   </div>
                   <!-- 四个图 -->
                   <ul class="four-sm-banner">
                                    <li>
                                          <a href="">
                                                <img class="pro lazy-loading"
                                                      src="https://oss.suning.com/adpp/creative_kit/material/picture/20211119-048317170f5a4018b9cc4bddc817fea133c331fa3e52466f.png"
                                                      alt="冰洗">
                                          </a>
                                    </li>
                                    <li>
                                          <a href="">
                                                <img class="pro lazy-loading"
                                                      src="https://oss.suning.com/adpp/creative_kit/material/picture/20220209-b6d966115c0647a987fe376dfdff2ee725b7b7ebe04647d1.png"
                                                      alt="沙发">
                                          </a>
                                    </li>
                                    <li>
                                          <a href="">
                                                <img class="pro lazy-loading"
                                                      src="https://oss.suning.com/adpp/creative_kit/material/picture/20210906-8108ad119b6d46dfbe01d606b54c7e3e85d67bf321e64a15.png"
                                                      alt="大牌奶粉惊喜狂欢购">
                                          </a>
                                    </li>
                                    <li>
                                          <a href="">
                                                <img class="pro lazy-loading"
                                                      src="https://oss.suning.com/adpp/creative_kit/material/picture/20220214-0d2eaccd362040de9b46b2db22d818ddb58eb246bfbd46fe.png"
                                                      alt="热水器">
                                          </a>
                                    </li>
                   </ul>
                  </div>
            </div>
</div>





</body>

</html>